<template>
    <div class="layout">
        <div class="title">
            <h3> {{title}} <small class="subTitle">{{subTittle}}</small> </h3>
        </div>
        <div class="content">
            <slot></slot> 
        </div>
    </div>
</template>

<script setup>
//定义props
defineProps({
    //主标题
    title:{
        type:String,
        default:""
    },
    subTittle:{
        type:String,
        default:""
    }
})

</script>

<style lang="scss" scoped>
.layout{
    .title{
        padding: 10px 60px;
        background: #fff;
        font-size: 30px;
        .subTitle{
            color: #ccc;
        }
    }
    
}
</style>

